@import "global";
.read_online_contain_swiper{
	padding: .14rem 0 0.3rem;
	margin-bottom: 0.18rem;
	background-color:#fff;
	.top_swiper{
		padding-bottom: 0.28rem;
		.swiper-slide{
			.widthHeight(90%,2.74rem);
			border-radius: 8px;
			img{
				.widthHeight(100%,100%);
				padding: 0 0.1rem;
				box-sizing: border-box;
			}
		}
		.swiper-pagination{
			bottom: 0.5rem;
			.swiper-pagination-bullet{
				transition: all 0.1s;
			}
			.swiper-pagination-bullet{
				width: 0.08rem;
				height: 0.08rem;
				border-radius: 50%;
			}
			.swiper-pagination-bullet.swiper-pagination-bullet-active{
				width: 0.2rem;
				border-radius: 0.08rem;
			}
		}
	}
}
.read_online_search{
	margin: 0rem auto 0;
	.widthHeight(6.55rem,0.58rem);
	background-color: #f5f5f5;
	border-radius: 8px;
	.iconfont{
		.colorFont(#a5a5a5,0.3rem);
		position: relative;
		top: 1px;
		margin-right: 0.1rem;
	}
	span{
		.colorFont(#a5a5a5,0.26rem);
	}
}
.section_contain_swiper{
	padding: 0.3rem 0.3rem 0.3rem;
	background-color: #fff;
}
.section_contain{
	padding: 0 0.2rem;
	background-color: #fff;
}
.section_contain.padd_t{
	padding-top: 0.3rem;
}
.scroll_swiper{
	.swiper-slide{
		.widthHeight(1.4rem,1.16rem);
		.lineHeight(1.16rem);
		text-align: center;
		.colorFont(#fff,0.26rem);
		border-radius: 10px;
		overflow: hidden;
		.swiper_text{
			background-color: rgba(0,0,0,0.3);
			position:absolute;
			left:0;
			top:0;
			bottom: 0;
			right: 0;
			transition: all 0.1s;
		}
		.swiper_text:active{
			background-color:rgba(255,255,255,0.3);
		}
		img{
			width: 100%;
			height: 100%;
		}
	}
}
.read_tit{
	padding: 0.3rem 0.1rem 0.3rem 0.142rem;
	.colorFont(#333,0.3rem);
}
.recommend_dl.padd_t{
	padding-top: 0.3rem;
}
.recommend_dl{
	padding: 0 0.142rem 0.3rem 0.1rem;
	dt{
		width: 1.54rem;
		img{
			.widthHeight(1.54rem,2.22rem);
			box-shadow: 1px 1px 5px rgba(33,42,57,0.2);
		}
	}
	dd{
		margin-left: 0.3rem;
		.recommend_tit{
			.colorFont(#333,0.28rem);
			margin-bottom: 0.1rem;
			.line_comp1;
		}
		.recommend_intro{
			.colorFont(#a5a5a5,0.24rem);
		}
		.recommend_box{
			display: inline-block;
			height: 0.36rem;
			border-radius:3px;
			// min-width:2.02rem;
			padding: 0 0.12rem;
			border: 1px solid #5bcd71;
			.colorFont(#5bd374,0.22rem);
			.lineHeight(0.36rem);
			margin-top: 0.25rem;
		}
	}
}
.bg_gray{
	background-color: #f5f5f5;
}
.good_recommend_contain{
	position:relative;
	padding-bottom: 1rem;
	.good_recommend_contain_dl{
		margin-bottom: 0.2rem;
		.widthHeight(3.408rem,4.1rem);
		background-color: #fff;
		text-align: center;
		padding: 0.22rem 0 0.2rem;
		box-sizing: border-box;
		transition: all 0.1s;
		dt{
			position: relative;
			width: 2.2726rem;
			margin: 0 auto;
			background-color:#888;
			img{
				.widthHeight(2.2726rem,3.2rem);
			}
		}
		dd{
			.colorFont(#333,0.24rem);
			margin-top: 0.15rem;
			width:100%;
			.line_comp1;
		}
	}
	.good_recommend_contain_dl:active{
		background-color: #f5f5f5;
	}
}
.body_bottom{
	position: fixed;
	bottom: 0.5rem;
	right: 0.2rem;
	width: 0.96rem;
	height: 0.96rem;
	background-image: url(../img/sc.png);
	border-radius: 50%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index:1999;
	box-shadow: 1 1 5px rgba(0,0,0,0.3);
	.body_bottom_inner{
		width: 0.8rem;
		height: 0.8rem;
		position: absolute;
		top: 0.08rem;
		left: 0.08rem;
		border-radius: 50%;
		transition: all 0.1s;
		z-index: 999;
	}
}
.body_bottom:active{
	background-color: rgba(255,255,255,0.3);
	.body_bottom_inner{
		background-color: rgba(255,255,255,0.3);
	}
}
/* ------------------------------------------------------------ */
.nav_search{
	width:5.6rem;
	height: 0.6rem;
	border-radius: 8px;
	background-color: #f5f5f5;
	.colorFont(#a5a5a5,0.26rem);
	line-height: 0.6rem;
	.iconfont{
		.colorFont(#a5a5a5,0.3rem);
		margin-right: 0.1rem;
	}
}
.tab_choose{
	background-color: #fff;
	border-bottom: 1px solid #f5f5f5;
}
.tab_swiper{
	// padding-right: 2rem;
	// padding-left: 10px;
	.swiper-slide{
		.colorFont(#333,0.28rem);
		height:0.88rem;
		.lineHeight(0.88rem);
		width:auto;
		margin: 0 0.39rem;
		text-align:center;
		p{
			display: inline-block;
			position:relative;
			transition: all 0.1s;
		}
		p:after{
			width: 100%;
			height: 2px;
			transform:scaleX(0);
			transition: all 0.1s;
		}
	}
	@media screen and (min-width:750px){
		.swiper-slide{
			width:150px;
		}
	}
	.swiper-slide.active{
		.colorFont(#41cb6a,0.28rem);
		p:after{
			content:"";
			display: block;
			position: absolute;
			bottom:0;
			background-color: #41cb6a;
			transform: scaleX(1);
		}
	}
}
.tab_choose_right{
	width: 0.8rem;
	height: 0.88rem;
	text-align: center;
	.lineHeight(0.88rem);
	border-left: 1px solid #e5e5e5;
	position:relative;
	img{
		.widthHeight(0.26rem,0.14rem);
		transform: rotate(0);
		transition: all 0.1s;
	}
	img.active{
		transform: rotate(180deg);
	}
	.tab_choose_right_down_lsft{
		position:absolute;
		width: 0;
		height: 0.88rem;
		right:0.8rem;
		background-color: #fff;
		top: 0;
		z-index: 20001;
		text-align: left;
		box-sizing: border-box;
		.colorFont(#333,0.23rem);
		transition: all 0.1s;
		overflow: hidden;
		p{
			padding-left: 1.2rem;
		}
	}
	.tab_choose_right_down_lsft.active{
		width:calc(100vw-0.8rem);
	}
	.tab_choose_right_down{
		display:none;
		position: absolute;
		width:100vw;
		background-color:#fff;
		text-align: left;
		right:0;
		top: 0.89rem;
		padding:0rem 0.2rem 0;
		box-sizing: border-box;
		max-height:3.2rem;
		overflow-y:auto;
		.tab_down_inner{
			float: left;
			width: 25%;
			.colorFont(#888,0.24rem);
			text-align: center;
			span{
				border:1px solid #c5c5c5;
				display: block;
				.widthHeight(1.4rem,0.58rem);
				line-height: 0.58rem;
				margin: 0.21rem auto 0.21rem;
				border-radius: 5px;
			}
		}
		.tab_down_inner.active{
			span{
				background-image:url(../img/gou.png);
				background-repeat:no-repeat;
				background-position: 100% 100%;
				background-size: 0.29rem 0.29rem;
				border-color: #41cb6a;
				color: #41cb6a;
			}
		}
	}
}
.cover_opc{
	display:none;
	position:fixed;
	z-index:1999;
	top:0;
	left: 0;
	right: 0;
	bottom:0;
	background-color:rgba(29,29,29,0.4);
}
.book_show_list{
	padding: 0.2rem 0 0;
	.good_recommend_contain .good_recommend_contain_dl{
		margin: 0 0.2rem 0.2rem 0.2rem;
	}
	.good_recommend_contain .good_recommend_contain_dl:nth-child(2n){
		margin-left: 0;
	}
}
.del_btn{
	.widthHeight(0.28rem,0.28rem);
	position: absolute;
	bottom: 0.46rem;
	right: 0.3rem;
}
.recommend_dl_contain{
	position: relative;
}
.cover_opc_center{
	height:100%;
}
.del_contain{
	.widthHeight(5.8rem,2.8rem);
	border-radius: 10px;
	background-color: #fff;
	margin: 0 auto 0;
	padding-top: 0.58rem;
	box-sizing: border-box;
	p{
		.colorFont(#333,0.3rem);
		text-align: center;
		margin-bottom: 0.7rem;
	}
	.del_btn_contain{
		padding: 0 0.68rem;
		box-sizing: border-box;
		.del_cov_btn{
			.widthHeight(1.86rem,0.64rem);
			line-height: 0.64rem;
			text-align: center;
			font-size:0.28rem;
			border-radius: 0.64rem;
			box-sizing: border-box;
			transition: all 0.1;
		}
		.qx{
			color: #888;
			border: 1px solid #c5c5c5;
		}
		.qx:active{
			background-color: #f5f5f5;
		}
		.qd{
			color: #fff;
			background-image: url(../img/bg.png);
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
		}
		.qd:active{
			opacity:0.8;
		}
	}
}
.kong_contain{
	img{
		.widthHeight(1.22rem,1.22rem);
		display:block;
		margin: 2.8rem auto 0.3rem;
	}
	p{
		.colorFont(#666,0.22rem);
		text-align: center;
	}
}
.load_contain{
	background-color:#2ecc71;
	position: fixed;
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
	z-index: 3000;
}
.detail_banner{
	height: 2.76rem;
	padding: 0.28rem 0rem;
	text-align: center;
	background-color: #fff;
	img{
		.widthHeight(1.92rem,2.76rem);
	}
}
.book_detail_tit{
	height:0.94rem;
	.lineHeight(0.94rem);
	padding: 0 0.3rem;
	box-shadow:0 -4px 2px 0px rgba(35,35,35,0.05);
	background-color: #fff;
	.book_detail_tit_left{
		.colorFont(#333,0.32rem);
	}
	.book_detail_tit_right{
		.colorFont(#888,0.24rem);
	}
}
.book_detail_intro_contain{
	padding-left: 0.3rem;
	background-color: #fff;
	.book_detail_intro_tit{
		height:0.86rem;
		.lineHeight(0.86rem);
		.iconfont{
			position:relative;
			top: 1px;
			.colorFont(#333,0.34rem);
			margin-right: 0.2rem;
		}
		span{
			.colorFont(#333,0.28rem);
		}
	}
	.book_detail_intro{
		padding: 0.3rem 0.3rem 0.3rem 0;
		border-top: 1px solid #f0f0f0;
		.colorFont(#888,0.24rem);
		.lineHeight(0.4rem);
	}
}
.book_detail_other{
	background-color:#fff;
	border-bottom:0.3rem solid #f5f5f5;
	padding-left:0.3rem;
	.book_detail_other_tit{
		height: : 0.78rem;
		.lineHeight(0.78rem);
		.colorFont(#333,0.28rem);
		border-bottom: 1px solid #f0f0f0;
	}
	.detail_book_swiper{
		padding-right:1rem;
		padding-top:0.3rem;
		.swiper-slide{
			width: 77px;
			img{
				.widthHeight(77px,111px);
			}
			p{
				.colorFont(#333,0.22rem);
				text-align: center;
				margin:0.18rem 0 0.3rem;
				width: 100%;
				.line_comp1;
			}
		}
		@media screen and (min-width: 750px){
			.swiper-slide{
				width:154px;
				img{
					.widthHeight(154px,222px);
				}
			}
		}
	}
}
.bottom_fixed{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index:2000;
	.bottom_fixed_btn{
		height:0.96rem;
		.lineHeight(0.96rem);
		text-align: center;
		font-size:0.28rem;
	}
	.add_scj{
		background-color:#fff;
		.sc_img{
			.widthHeight(0.32rem,0.3rem);
			margin-right: 0.14rem;
		}
	}
	.read_now{
		background-image:url(../img/bg.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 120% 120%;
		.colorFont(#fff,0.3rem);
		transition: color 0.1s;
	}
	.read_now:active{
		color: rgba(255,255,255,0.5);
	}
}
.swiper_b{
	padding-bottom: 1rem;
	box-sizing:border-box;
}
.book_contain{
	height:100%;
	box-sizing: border-box;
}
.chart_name{
	.colorFont(#333,0.4rem);
	margin: 0.3rem 0;
}
.book_articl{
	position: relative;
	height:90%;
	width: 95%;
	margin: 0 auto;
	top:8%;
}
.book_inner_contain{
	columns: calc(100vw - 20px) 1;
	column-gap: 20px;
	height: 100%;
	position: relative;
	box-sizing: border-box;
}
.center{
	position:fixed;
	top: 0.5rem;
	bottom: 1rem;
	margin-left:50%;
	left: -10%;
	background-color:red;
	width: 20%;
}
.history_tit_contain{
	padding: 0.3rem 0.4rem 0.46rem 0.3rem;
	.history_tit{
		.colorFont(#333,0.28rem);
	}
	.history_del{
		.colorFont(#888,0.24rem);
		cursor: pointer;
	}
}
.history_list_contain{
	padding: 0 0.3rem;
	.history_a{
		min-width: 1rem;
		text-align: center;
		padding: 0 0.25rem;
		height: 0.5rem;
		display: inline-block;
		background-color: #f5f5f5;
		border-radius: 0.5rem;
		.colorFont(#333,0.26rem);
		.lineHeight(0.5rem);
		margin: 0 0.1rem 0.2rem 0.1rem;
		max-width: 100%;
		box-sizing: border-box;
		.line_comp1;
	}
}
.result_contain{
	display: none;
	position:fixed;
	top: 0.84rem;
	background-color: #f5f5f5;
	height: calc(100vh - 0.84rem);
	left: 0;
	right: 0;
	overflow-y: hidden;
}
.result_kong{
	text-align: center;
	padding-top: 0.6rem;
	img{
		.widthHeight(0.3rem,0.24rem);
	}
	span{
		.colorFont(#888,0.26rem);
	}
}
.result_list{
	a{
		display:block;
		height: 0.9rem;
		.lineHeight(0.9rem);
		.colorFont(#666,0.26rem);
		border-bottom: 1px solid #f1f1f1;
		padding: 0 0.3rem;
		.line_comp1;
	}
}
.search_result_tit{
	height: 0.6rem;
	line-height: 0.8rem;
	padding-left:0.3rem;
	background-color:#f5f5f5;
	.colorFont(#888,0.24rem);
	span{
		color: #ff6643;
		display: inline-block;
		height: 0.6rem;
		max-width: 4rem;
		vertical-align: top;
		overflow: hidden;
	}
}
.click_co:active{
	background-color: #f5f5f5;
}
